<template>
  <div class="box">
    <header></header>
    <!-- 头部 -->
    <lunbo :data="data"></lunbo>
    <!-- 轮播 -->
    <adress :data="data"> </adress>
    <!-- 地区 -->
    <proview :proid="proid">
      
    </proview>
    <!-- 购物车 -->
  </div>
</template>

<script>
import { getDetailPro } from "@/apis/home";
import lunbo from "./components/lunbo.vue";
import adress from "./components/adress.vue";
import proview from "./components/proview.vue";
export default {
  data() {
    return {
      data: {},
      proid:''
    };
  },
  components: {
    lunbo,
    proview,
    adress,
  },
  created() {
    // console.log(this.$route.params.proid);
    this.proid = this.$route.params.proid
    getDetailPro(this.$route.params.proid).then((res) => {
      this.data = res.data.data;
      console.log(res);
      
      // console.log(this.data);
      
    });
  },
};
</script>

<style scoped></style>
